<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/ob-beta.css">
    <script src="./js/ob-data.js"></script>
    <title>新服表</title>
</head>

<body>
    <div class="main-content">
        <div class="page-break">
            <a href="#" class="">手机游戏</a>&gt;新服表
        </div>
        <div class="open-test-con">
            <div class="open-test-tit">
                <h2>今日新服</h2>
                <a href="openBeta-list.html" class="kcbtn">今日开测&gt;&gt;</a>
            </div>
            <ul class="t-server-list">
               
            </ul>
        </div>
    </div>
    <script>
        var severList = document.querySelector('.t-server-list')
        var str = '';
        arr.map(item => {
            str += ` <li class="timeline">
                    <div class="time-left">
                        <a href="#" class="pic"><img src="${item.img_url}"
                                alt=""></a>
                        <div class="left-text">
                            <p class="left-text-tit"><a href="#">${item.img_tit}</a><span class="android"></span></p>
                            <div class="type"><span class="type-con">状态：<span class="na">新服</span></span><span
                                    class="type-con">类型：<span class="na">${item.lx}</span></span></div>
                        </div>
                    </div>
                    <div class="otherbtn">
                        <a href="#" class="btn green">游戏下载</a>
                        <a href="#" class="btn red">礼包领取</a>
                        <a href="#" class="btn blue">开测提醒</a>
                    </div>
                </li>`
          

        })
        severList.innerHTML = str;
    </script>
</body>

</html>